<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			svg{
				background: #000;
			}
		</style>
	</head>
	<body>
		<svg x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300">
			<!-- 矩形 -->
			<rect x="10" y="10" width="50" height="50" fill="#eee" stroke="#fff" stroke-width="5"></rect>
			<!-- 圆形 -->
			<circle cx="160" cy="60" r="50" fill="none" stroke="#fff" stroke-width="5"></circle>
			<!-- 直线 -->
			<line x1="100" x2="250" y1="200" y2="250" stroke="#fff" stroke-width="2"></line>
			<!-- 椭圆 -->
			<ellipse cx="50" cy="100" rx="50" ry="25" stroke="#fff" stroke-width="3"></ellipse>
			<!-- path -->
			<!-- 画一个三角形 -->
			<path d="M0 250 L50 150 L100 250 Z" fill="none" stroke="#fff"></path>
			
		</svg>
	
	</body>
</html>
